﻿<CodeSnippetTabbed DocLink="https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxChart-1#multiple-panes">
    <CodeSnippetTabPage Text="Razor">@(@"<DxChart Data=""@WeatherForecasts""
         CssClass=""mw-1100"">
    <DxChartTitle Text=""@($""Temperature in {DateTime.Now.ToString(""MMMM"")}"")"" />
    <DxChartLegend Position=""RelativePosition.Outside"" VerticalAlignment=""VerticalEdge.Bottom"" />
    <DxChartPane Name=""TopPane"" />
    <DxChartPane Name=""BottomPane"" />
    <DxChartLineSeries Pane=""TopPane"" Name=""Average Temperature, C"" AggregationMethod=""@((v) => (int)Enumerable.Average(v))""
                       ArgumentField=""@(s => s.Date.Date)"" ValueField=""@((WeatherForecast s) => s.TemperatureC)"">
        <DxChartSeriesLabel Visible=""true"" />
    </DxChartLineSeries>
    <DxChartBarSeries Pane=""BottomPane"" Name=""Max Temperature, C"" AggregationMethod=""@((v) => (int)Enumerable.Max(v))""
                      ArgumentField=""@(s => s.Date.Date)"" ValueField=""@((WeatherForecast s) => s.TemperatureC)"">
        <DxChartSeriesLabel Visible=""true"" />
    </DxChartBarSeries>
    <DxChartBarSeries Pane=""BottomPane"" Name=""Min Temperature, C"" AggregationMethod=""@((v) => (int)Enumerable.Min(v))""
                      ArgumentField=""@(s => s.Date.Date)"" ValueField=""@((WeatherForecast s) => s.TemperatureC)"">
        <DxChartSeriesLabel Visible=""true"" />
    </DxChartBarSeries>
</DxChart>")</CodeSnippetTabPage>
</CodeSnippetTabbed>
